.select-wrap {
    position:relative;
    cursor: pointer;
}

.select-wrap > .select-icon {
    position: absolute; right: 5px;top: 8px;transition:transform .3s;
}

.select-wrap > .input-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    color: rgb(168,168,168);
    user-select: none;
}

.select-wrap > .select-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    overflow: auto;
    border: 1px solid #ccc;
    border-top: none;
    z-index: 999;
}

.select-wrap > .select-dropdown ul {
    padding: 0;
    margin: 0;
    background: #fff;
    list-style: none;
}

.select-wrap > .select-dropdown ul li {
    padding: 5px;
    user-select: none;
}

.select-wrap > .select-dropdown ul li.disable{
    color:#ACA899;
    cursor: not-allowed;
}
.select-wrap > .select-dropdown ul li:hover
{
    color: #fff;
    background: #428bca;
}